<template>
  <div class="home-v">
    <GrowCard class="enter-y" />
    <SiteAnalysis class="!my-10px enter-y" />
  </div>
</template>
<script setup lang="ts">
import GrowCard from "/@/views/testDemo/echarDemo/components/GrowCard.vue";
import SiteAnalysis from "/@/views/testDemo/echarDemo/components/SiteAnalysis.vue";
</script>
<style lang="less" scoped>
.dashboard-container {
  width: 100%;
  height: 100%;
  background: @app-main-background;
  position: relative;
  .custom-page {
    width: 100%;
    height: 100%;
  }
  :deep(.layout-area) {
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
  }
  .setting-btn {
    position: fixed;
    top: 300px;
    right: 0px;
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 0;
    border-radius: 20px 0 0 20px;
    z-index: 100;
    :deep(i) {
      font-size: 20px;
      font-weight: 580;
    }
  }
  :deep(.vue-grid-layout) {
    margin: -10px;
  }
  :deep(.scrollbar__view) {
    overflow: hidden;
  }
}
</style>
<style lang="less">
@import '/@/components/VisualPortal/style/index.less';
</style>